body{

	font-family: 'Montserrat', sans-serif;

	text-shadow: 1px 1px 2px #000;

	font-size: 20px;

}

#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  left: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}




.wrapper {
  display: inline-flex;
  justify-content: center;
}
.wrapper i {
  padding: 10px;
  text-shadow: 0px 6px 8px rgba(0, 0, 0, 0.6);
  transition: all ease-in-out 150ms;
}
.wrapper a:nth-child(1) {
  color: #dd4b39;
}
.wrapper a:nth-child(2) {
  color: #25d366;
}
.wrapper a:nth-child(3) {
  color: #1DA1F2;
  
}
.wrapper a:nth-child(4) {
  color: #bc2a8d ;
}
.wrapper i:hover {
  margin-top: -3px;
  text-shadow: 0px 14px 10px rgba(0, 0, 0, 0.4);
}


.thumb-wrap {
  position: relative;
  padding-bottom: 45%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
   border: 1px solid #ecc800;
    border-radius: 5px;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}

.galaxy_anim_star{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}



.t826__galaxy-far-rec78788520:after,

.t826__galaxy-mid-rec78788520:after,

.t826__galaxy-near-rec78788520:after {

    content: ' ';

    top: 864px;

    position: absolute

}

.container, .container-fluid{

    z-index: 2;

    position: relative

}



@keyframes t826__galaxy-rec78788520 {

    to {

        transform: translateY(-864px)

    }

}



.person {
    width: 500px;
    float: right;
    margin: 0 0 15px 15px;
    border: 1px solid #ecc800;
    border-radius: 5px;

}







.t826__galaxy {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

    z-index: 1

}



.t826__animation {

    display: none

}



.t826__galaxy-wrapper {

    opacity: 0;

    animation-timing-function: linear;

    animation-duration: 2s;

    animation-fill-mode: forwards

}



.t826__galaxy-wrapper>div {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    background: 0 0;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    animation-delay: .3s

}



@keyframes t826__galaxy-fadeIn {

    to {

        opacity: 1

    }

}



.t826__galaxy_flip {

    transform: scaleY(-1)

}



.t826__galaxy-wrapper>.t826__galaxy-far {

    width: 1px;

    height: 1px

}



.t826__galaxy-wrapper>.t826__galaxy-mid {

    width: 2px;

    height: 2px

}



.t826__galaxy-wrapper>.t826__galaxy-near {

    width: 3px;

    height: 3px

}









a{

	color: #fff;

}

a:hover{

	text-decoration: none;

	color: #fff;

}

iframe{
	border: 1px solid #ffd713;
	border-radius: 10px;
}

header{

	background-image: url("../img/header2.jpg");

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center top;

	min-height: 780px;

	color: #fff;

	border-bottom: 1px solid #ffd713;

	position: relative;

}

.header_block{

	text-align: center;

	margin-top: 30px;

}

.logotype{

	font-weight: 700;

	font-size: 86px;

	text-transform: uppercase;
	
	color: #DC143C;

}

.logotype_sub {

    font-weight: 700;

    font-size: 38px;

    color: #ffd713;

    text-transform: uppercase;

}

.logotype_descr{

	margin-top: 10px;

	font-size: 25px;

}

.top_header_block{

	margin-top: 20px;

}

.top_header_block a span{

	margin-left: 10px;

	font-weight: 600;

	font-size: 33px;

}

.top_header_block a{

	font-size: 46px;

	border-bottom: 1px dotted #ffd713;

	transition: .3s;

}

.top_header_block a i{

	font-size: 36px;

	color: #ffd713;

}

.top_header_block_service a{

	font-size: 16px;

	color: #ffd713;

	transition: .3s;

}

.top_header_block_service a:last-child{

	margin-left: 10px;

}

a span.mail_header{

	font-size: 28px;

	

}

a i.mail_header_i{

	font-size: 28px;

}

.header_btn{

	text-align: center;

	margin-top: 60px;

}

.header_btn a {

    color: #790203;

    padding: 15px 35px;

    font-size: 20px;

    background: linear-gradient(to bottom,#f3e320 0%,#ffaa10 100%);

    font-weight: 600;

    text-transform: uppercase;

    border-radius: 50px;

    text-shadow: none;

    animation: blim 1.5s;

    animation-iteration-count: infinite;

}

@keyframes blim {

  0%   { box-shadow: 0 0 16px 6px #cd8400; }

  50% { box-shadow: 0 0 16px 6px #ffd713; }

  100% { box-shadow: 0 0 16px 6px #cd8400; }

}

.top_header_block_service{

	text-align: center;

}

.top_header_block_service a{

	font-size: 16px;

	color: #ffd713;

	transition: .3s;

}

.top_header_block_service a:hover{

	color: #fff;

	border-bottom: 1px dotted #fff;

}





section.devider{

	background-image: url("../img/devider.jpg");

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center top;



	color: #fff;

	border-bottom: 1px solid #ffd713;

}

.devider_text{

	font-size: 28px;

	margin: 50px 0;
    color: #ffd713;

}

.devider_img img{

	position: absolute;
    top: 0;

}





section.about_me{

	background-image: url("../img/bg.jpg");

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center top;

	padding: 40px 0 60px 0;

	color: #fff;

	border-bottom: 1px solid #ffd713;

	position: relative;

}

.name_section h2{

	margin-top: 20px;

	font-weight: 700;

	font-size: 50px;

	text-align: center;

	text-transform: uppercase;

	color: #ffd713;

}

p.about_me_text{

	margin-top: 40px;

	text-align: center;

}

.video_about{

	margin-top: 15px;

}

.about_license{

	margin-top: 25px;

}

.about_license img{

	width: 100%;

	border: 2px solid #ffd713;

	border-radius: 5px;

}





section.service{

	background-image: url("../img/about.jpg");

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center top;

	padding: 40px 0 60px 0;

	color: #fff;

	border-bottom: 1px solid #ffd713;

	position: relative;

}

.service_item_name {

    font-weight: 700;

    color: #ffd713;

    font-size: 27px;

    text-transform: uppercase;

    border-bottom: 1px dotted #ffd713;

    display: inline-block;

}

.service_item_img{

	width: 165px;

	height: 165px;

	justify-content: center;

	text-align: center;

}

.service_item_img img{

	max-width: 100%;

    max-height: 100%;

    object-fit: cover;

    margin-top: 10px;

}

.service_item_text{

	margin-top: 5px;

}

.service_item{

	margin-top: 60px;

}

.service_item_call a{

	font-size: 16px;

	color: #ffd713;

	border-bottom: 1px dotted #ffd713;

	transition: .3s;

}

.service_item_call a:hover{

	color: #fff;

	border-bottom: 1px dotted #fff;

}







section.recent{

	background-image: url("../img/bg1.jpg");

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center top;

	padding: 40px 0 60px 0;

	color: #fff;

	border-bottom: 1px solid #ffd713;

	position: relative;

}

.item_recent_img{

	text-align: center;

}

.recents{

	margin-top: 50px;

}



.item_recent_img img{

	display: inline;

	border-radius: 50%;

}

.item_recent_text{

	text-align: center;

	font-size: 18px;

}

.wrapper_recent_info{

	width: 700px;

	z-index: 1;

	top: 250px;

	position: absolute;

	left: -185px;

}

.item_recent_name{

    font-weight: 700;

    color: #ffd713;

    font-size: 27px;

    text-transform: uppercase;

    border-bottom: 1px dotted #ffd713;

    text-align: center;

    margin-top: 10px;

}

.item_recent {

    width: 300px;

    height: 598px;

}



/* owl start */

.owl-nav button{

	outline: none;

}

button.owl-prev, button.owl-next{

	width: 40px;

    height: 40px;

    background-color: #ffd713 !important;

    border-radius: 50%;

    transition: .3s;

}

button.owl-prev:hover, button.owl-next:hover{

    background-color: #ffd713 !important;

}

button.owl-prev img{

	margin-bottom: 3px;

	margin-right: 2px;

}

button.owl-next img{

	margin-bottom: 3px;

	margin-left: 2px;

}

button.owl-next{

	position: absolute;

    right: 0;

}

.owl-nav {

    position: absolute;

    width: 100%;

    top: 278px;

}

.owl-item .item_recent{

	padding-top: 45px;

}

.owl-item.center .item_recent{

	padding-top: 0;

}

.owl-item.center .item_recent_name{

	display: block;

}

.owl-item.center .item_recent_text{

	display: block;

}

.owl-item.center .item_recent_img img{

	width: 200px;

	filter: none;

}

.owl-carousel .owl-item img {

    display: inline-block;

}

.owl-item .item_recent_img img{

	width: 100px;

	-webkit-filter: grayscale(.6);

  	filter: grayscale(.6);

}

.owl-item .item_recent_text{

	display: none;

}

.owl-item .item_recent_name{

	display: none;

}

/* owl end */









footer{

	background-image: url("../img/contact.jpg");

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center top;

	padding: 40px 0 20px 0;

	color: #fff;

	position: relative;

}

footer .name_section h2{

	margin-bottom: 60px;

}

.footer_phones .top_header_block_service{

	text-align: left;

}

input, textarea{

	width: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    border: 1px solid #ffd713;

    border-radius: 5px;

    padding: 7px 10px;

    color: #fff;

    outline: none;

    margin-top: 30px;

}

input.send{

	color: #790203;

    padding: 15px 35px;

    font-size: 20px;

    background: linear-gradient(to bottom,#ffd713 0%,#cd8400 100%);

    font-weight: 600;

    text-transform: uppercase;

    border-radius: 50px;

    text-shadow: none;

    animation: blim 1.5s;

    animation-iteration-count: infinite;

    border:none;

    cursor: pointer;

}

.developer{

	margin-top: 70px;

}

.developer a{

	color: #ffd713;

	border-bottom: 1px dotted #ffd713;

	font-size: 16px;

}

.developer a:hover{

	color: #fff;

	border-bottom: 1px dotted #fff;

}





#modal{

	background-image: url("../img/bg1_modal.jpg");
        border: 1px solid #7d6706;
	background-size: cover;

	background-repeat: no-repeat;

	background-position: top;


	color: #fff;

}

.iziModal .iziModal-button {

    opacity: .6;

}

.name_modal{

	font-weight: 700;

    font-size: 28px;

    color: #ffd713;

    text-transform: uppercase;

}

.text_modal{

	margin-top: 10px;

}







.panel_call {

    width:235px;

    height:75px;

    border-radius: 10px;

    display:none;

    background:#FF6E1F;

  bottom:40px;

  right:120px;

  position:fixed;

  text-decoration:none;

  

}

.panel_call p {

  margin:auto;

  

  color:white;

}

.info_call {

  margin-top: 10px;

  margin-left: 10px;

}

.info-call { 

  font-size: 200%;

  margin-top: -20px;

}



.info_call_number {

  margin-top: -10px;

  font-size: 120%;

}

.cert{
    margin-top: 20px;
}

.cert img{
    width: 100%;
}





.error{

	margin-top: 20px;

    text-align: center;

    color: #ff3b3b;

}

.accept{

	margin-top: 20px;

    text-align: center;

    color: #56ff37;

}

.pers{
    width: 100%;
    display: none;
}



@media screen and (max-width: 1200px) {

	.logotype_sub {

    font-size: 34px;

	}

	.service_item_img {

    width: auto;

    height: auto;

	}

}



@media screen and (max-width: 1199px) {

a span.mail_header {

    font-size: 22px;

}

}


@media screen and (max-width: 1130px) {
.devider_img img{
    right: 0;
}
}


@media screen and (max-width: 991px) {
    p.about_me_text iframe{
        width: 100%;
    }
    .devider_img img{
        position: relative;
    }
    .devider_img{
        text-align: center;
    }

	.devider_text{

		text-align: center;

	}

	.person {
    width: 100%;
    margin: 15px 0;
    float: none;	
}

	.service_item_img {

    	width: 200px;

    	height: 200px;

	}

	.service_item_name {

    	font-size: 26px;

    	margin-top: 20px;

	}

	.owl-nav {

    	top: 78px;

	}

	.prev_text_footer{

		margin-top: 30px;

		text-align: center;

	}

	footer .name_section h2 {

    	margin-bottom: 20px;

	}

	.top_header_block {

    	text-align: center;

	}

	.footer_phones .top_header_block_service {

    	text-align: center;

	}

	input, textarea {

    	text-align: center;

	}

	.developer {

    	text-align: center;

	}

}



@media screen and (max-width: 768px) {

    header{
    background-image: url("../img/header2_m.jpg");
}

	.devider_text{

		font-size: 24px;

	}

	.devider_img{


	}

	.owl-nav {

    	top: 178px;

	}
    .pers{
    display: block;
}
.d_mob_n{
    display: none;
}

		header {

    background-position: right;

}

	.wrapper_recent_info {

    	width: 500px;

    	left: -85px;

	}

	.item_recent {

    	height: 733px;

	}

	.logotype_sub {

    	font-size: 33px;

	}

	.service_item_img {

    	width: auto;

    	height: auto;

	}

	.service_item_name {

    	display: block;

    	text-align: center;

	}

	.service_item_text {

    	text-align: center;

	}

	.service_item_call{

		text-align: center;

	}

	.service_item_img img {

    	max-width: 200px;

    	max-height: none;

	}

	.name_section h2 {

    	font-size: 40px;

	}

}



@media screen and (max-width: 720px) {



}



@media screen and (max-width: 582px) {

.logotype {

    font-size: 68px;

}

}



@media screen and (max-width: 575px) {

	.wrapper_recent_info {

    	width: 400px;

    	left: -55px;

	}

	.item_recent {

    	height: 860px;

	}

	button.owl-prev{

    	margin-left: 50px;

	}

	button.owl-next{

		margin-right: 50px;

	}

	p.about_me_text {

    	text-align: center;

	}

}





@media screen and (max-width: 534px) {

	.logotype_sub {

    	font-size: 30px;

	}

	header {

    min-height: 500px;

    padding-bottom: 60px;

}

}



@media screen and (max-width: 490px) {

.logotype {

    font-size: 70px;

}

.top_header_block a span {

    font-size: 37px;

}

a span.mail_header {

    font-size: 25px;

}

}



@media screen and (max-width: 462px) {

	.logotype_sub {

    	font-size: 26px;

	}

	.top_header_block a span {

    	font-size: 36px;

	}

	a.email_header_m span{

		font-size: 27px;

	}

}



@media screen and (max-width: 496px) {

.logotype {

    font-size: 55px;

}

}





@media screen and (max-width: 490px) {

a span.mail_header {

    font-size: 22px;

}

}



@media screen and (max-width: 446px) {

	.wrapper_recent_info {

    	width: 300px;

    	left: 0;

	}

	button.owl-next {

    	margin-right: 20px;

	}

	button.owl-prev {

    	margin-left: 20px;

	}

	.item_recent {

    	height: 1004px;

	}

}



@media screen and (max-width: 431px) {

.header_btn a {

    padding: 15px 20px;

    }
    .devider_img img{
        width: 100%;
    }

}



@media screen and (max-width: 428px) {

	.logotype_sub {

    	font-size: 24px;

	}

	.logotype {

    	font-size: 50px;

	}

}



@media screen and (max-width: 426px){

.name_section h2 {

    font-size: 34px;

}

a span.mail_header {

    font-size: 20px;

}

}





@media screen and (max-width: 422px){

.top_header_block a span {

    font-size: 31px;

}

.top_header_block a i {

    font-size: 26px;

}

.email_header_disp_block{

	display: none;

}

a.email_header_m span {

    font-size: 20px;

}

}



@media screen and (max-width: 412px) {

	.header_btn a {

    	font-size: 18px;

	}

}



@media screen and (max-width: 408px) {

	.top_header_block_service a {

    	display: inline-block;

	}

}



@media screen and (max-width: 397px) {

	.logotype_descr {

    	font-size: 20px;

	}

	.header_block {

    	margin-top: 20px;

	}

}









@media screen and (max-width: 381px) {

	.logotype_sub {

    	font-size: 22px;

	}

	.top_header_block a span {

    	font-size: 30px;

	}

	a.email_header_m span {

    	font-size: 18px;

	}

	.header_btn a {

    	padding: 15px 15px;

    }

    .wrapper_recent_info {

    	width: 300px;

    	left: 0;

	}

}





@media screen and (max-width: 412px){

.header_btn a {

    font-size: 16px;

}

}



@media screen and (max-width: 370px){

.logotype {

    font-size: 44px;

}

}



@media screen and (max-width: 358px){

.name_section h2 {

    font-size: 31px;

}

}



@media screen and (max-width: 345px) {

	.top_header_block a i {

    	font-size: 24px;

	}

}



@media screen and (max-width: 350px){

.top_header_block a span {

    font-size: 27px;

}

a.email_header_m span {

    font-size: 18px;

}

}



@media screen and (max-width: 341px) {

	.top_header_block a i {

    	font-size: 24px;

	}

	.header_btn a {

    	font-size: 16px;

    	padding: 15px;

	}

	a.email_header_m span {

    	font-size: 18px;

	}

	a.email_header_m i {

    	font-size: 20px;

	}



	.name_section h2 {

    	font-size: 29px;

	}

}



@media screen and (max-width: 333px) {

	.top_header_block a span {

    	font-size: 26px;

	}

	a.email_header_m span {

    	font-size: 18px;

	}

}



@media screen and (max-width: 325px) {

.header_btn a {

    font-size: 16px;

    padding: 15px 10px;

}

}